<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="bean" uri="/struts-bean"%>
<%@ taglib prefix="html" uri="/struts-html"%>

<jsp:include page="header_login.jsp"/>
		<div id="content">
			<div id="left_column">
				<div align="center">
					<img src="/footprint/getSnapshot.do?isprofile=1" id="profile_pix"/>
					<h3 style="color:#726257;"><c:out value="${sessionScope.user.userlname}"/></h3>
				</div>
				
				<div id="menu">
					<a href="javascript:showFriend();">friend</a>				
					<a href="/footprint/listTravelogue.do">travelogue</a>
					<a href="javascript:showAlbum();">snapshot</a>
					<a href="javascript:showSetting();">setting</a>
				</div>
			
		</div>
			
		<div id="right_column">
		   <div id="center_content">
		  
		    <form method="post" action="/footprint/uploadTravelogue.do" name="travelogueForm" style="display:block;">
		     <table width="520" height="492">
		         <tr>
					<td colspan="3" align="center" style="font-size: 22px; margin-bottom:5px; color:#726257;">
					   <strong>Upload New Travelogue</strong>
					</td>
					<br>
		        </tr>
			    <tr>
				    <td style="font-size:18px; margin-bottom:5px; color:#726257;">
				     Title: 
				    </td>
				    <td colspan="3" align="left" >
				        <input type="text" name="logName" value=""
				        style="color:#000000; font: bold 16px arial;border: 1px solid #726257;" 
				        />
				        <br>
					    <html:errors property="logName"/>
				     </td>
			     </tr>
			     <tr>
			       <td  colspan="3" style="font-size:18px; margin-bottom:5px; color:#726257;"> 
			          Write your story:
			       </td>
			     </tr>
			      <tr>			        
			         <td  colspan="6" align="left">		 
			             <TEXTAREA name="logComment"
					        style="width:500px; height: 400px; color:#000000; font: 18px arial; border: 2px solid #726257;" />
					     </TEXTAREA>	
					     <br>
					     <html:errors property="logComment"/>
			          </td>		
			      </tr>
			      <tr style="margin-top:13px; text-align:center;"> 
					   <td colspan="3"><input class="submit" type="submit" name="button" value="Update"/></td>
			      </tr>
   
			   </table>
	         </form>
	         
	        </div>
	        
	        	<div id="friend" class="inactive">
				</div>
				<div id="travelogue" class="inactive">
				</div>
				<div id="snapshot" class="inactive">
					<span></span>
				</div>
				<div id="setting" class="inactive">
				</div>
	      </div>
	       
	       
	       <div class="clr"></div>
		</div>
<jsp:include page="footer.jsp"/>
